<div class="store_map">
    <div class="nav">
        <div class="nav-li focus">珠宝地图</div>
    </div>
    <hr />

    <div class="item">
        <input type="text" class="key" bind-input="{{'$Cache.store_map.key_word_search'}}" bind-value="{{$Cache.store_map.key_word_search}}" />
        <button event-click="{{'$Event.store_map.key_word_search'}}">搜索</button>
        <p>
        	<i><b>拖拽标注点 </b>或<b> 点击地图空白处 </b>更改标注点位置</i>
        </p>
    </div>
    <!-- 地图容器 -->
    <div id="store_map"></div>

    <div class="item">
        <p>
            <i>logo图片的大小为长方形，<b>宽：高=5:3，大小不超过500*300</b>，超过将自动按比例缩放</i>
        </p>
        <p>
            <i>店铺图片的大小为正方形，<b>宽：高=1:1，大小不超过1000*1000</b>，超过将自动按比例缩放</i>
        </p>
        <table class="new_store_info">
            <thead>
                <td colspan="2">{{$Cache.store_map.is_on_update&&"修改"||"添加新的"}}店铺标注</td>
            </thead>
            <tr>
                <td>
                    名称：
                    <input type="text" bind-input="{{'$Cache.store_map.new_point.title'}}" bind-value="{{$Cache.store_map.new_point.title}}" />
                </td>
                <td>
                    logo：
                    {{#if $Cache.store_map.new_point.logo_url}}
                    <img class="logo" bind-src="{{$Cache.store_map.new_point.logo_url}}?imageView/1/w/80" />
                    {{/if}}
                    <input type="file" accept="image/*" event-change="{{'$Event.store_map.new_point.add_logo'}}" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    地址：
                    <input class="address" type="text" bind-input="{{'$Cache.store_map.new_point.address'}}" bind-value="{{$Cache.store_map.new_point.address}}" maxlength="128" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    描述：
                    <textarea type="text" bind-input="{{'$Cache.store_map.new_point.description'}}" bind-value="{{$Cache.store_map.new_point.description}}" maxlength="500"></textarea>
                </td>
            </tr>
            <tr>
                <td>
                    电话：
                    <input type="text" bind-input="{{'$Cache.store_map.new_point.phone'}}" bind-value="{{$Cache.store_map.new_point.phone}}" maxlength="15" />
                </td>
                <td>
                    手机：
                    <input type="text" bind-input="{{'$Cache.store_map.new_point.mobile'}}" bind-value="{{$Cache.store_map.new_point.mobile}}" maxlength="11" />
                </td>
            </tr>
            <tr>
                <td>
                    经度：
                    <input type="text" disabled="disabled" bind-value="{{$Cache.store_map.new_point.lng}}" />
                </td>
                <td>
                    纬度：
                    <input type="text" disabled="disabled" bind-value="{{$Cache.store_map.new_point.lat}}" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    上传店铺图片(点击图片可删除，最多上传8张)：
                    <input type="file" accept="image/*" event-change="{{'$Event.store_map.new_point.add_store_img'}}" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                {{#if $Cache.store_map.new_point.store_imgs.length}}
					{{#each $Cache.store_map.new_point.store_imgs}}
					<img bind-src="{{$This}}?imageView/1/w/80" event-click="{{'$Top.$Event.store_map.remove_store_img'}}" />
					{{/each}}
				{{/if}}
                </td>
            </tr>
            <tr>
                <td colspan="2">
                	{{#if $Cache.store_map.is_on_update}}
                    <button event-click="{{'$Event.store_map.update_new_point'}}">提交修改</button>
                    <button event-click="{{'$Event.store_map.cancel_update_new_point'}}">取消</button>
                	{{#else}}
                    <button event-click="{{'$Event.store_map.add_new_point'}}">添加</button>
        			{{/if}}
                </td>
            </tr>
        </table>
    </div>

    <hr />

    <div class="item">
    	<table class="store_list">
    		<thead>
    			<td>logo</td>
    			<td>店铺</td>
    			<td>地址</td>
    			<td>电话</td>
    			<td>手机</td>
    			<td>操作</td>
    		</thead>
    		{{#if $Cache.store_map.bus_store_list.length}}
				{{#each $Cache.store_map.bus_store_list}}
				<tr>
					<td>
						<img bind-src="{{logo_url||'/images/logo.jpg'}}?imageView/1/w/80" />
					</td>
					<td>{{title}}</td>
					<td>{{address}}</td>
					<td>{{phone}}</td>
					<td>{{mobile}}</td>
					<td class="method">
						<a event-click="{{'$Top.$Event.store_map.open_update'}}">修改</a>
						<a event-click="{{'$Top.$Event.store_map.delete_store_point'}}">删除</a>
					</td>
				</tr>
				{{/each}}
    		{{#else}}
				<tr>
					<td colspan="6">
						<p>
							<i>暂未创建任何信息</i>
						</p>
					</td>
				</tr>
    		{{/if}}
    	</table>
    </div>
</div>
